<template>
	<view class="contact">
		<image class="img" src="http://www.itcast.cn/2019czydz/images/gymban.jpg"></image>
		<view class="info">
			<view @click="phone">联系电话：400-618-9090（点击拨打）</view>
			<view>校区地址：浙江省杭州市下沙经济开发区4号大街187号盛泰时代山</view>
		</view>
		<map class="map" :longitude="longitude" :scale="scale" :latitude="latitude" :markers="markers"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				longitude: 120.363172,
				latitude: 30.312212,
				scale: 13,
				markers: [{
					longitude: 120.363172,
					latitude: 30.312212,
					iconPath: '../static/hmlogo.png',
					width: 30,
					height: 30
				}]
			};
		},
		methods: {
			phone() {
				uni.makePhoneCall({
					phoneNumber: '400-618-9090'
				});
			}
		}
	};
</script>

<style scoped>
	/* Add your styles here */
	.contact {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.img {
		width: 100%;
		height: 200rpx;
	}

	.info {
		margin: 20rpx 0;
		text-align: center;
	}

	.map {
		width: 100%;
		height: 300rpx;
	}
</style>